<html>
 <head>
	<title>[var.TITLE]</title>
	<link href="[var.ROOT_CSS_DIR]/main.css" rel="STYLESHEET" type="text/css" charset="iso-8859-1" hreflang="en-us">
	<link href="[var.ROOT_CSS_DIR]/facet/style.css" rel="STYLESHEET" type="text/css" charset="iso-8859-1" hreflang="en-us">	
	<script type="text/javascript" src="[var.ROOT_DIR]js/common.js"></script>
	<script type="text/javascript" src="[var.ROOT_DIR]js/doiMenuDOM.js"></script>
	<script type="text/javascript" src="[var.ROOT_DIR]js/functions.js"></script>
	<script type="text/javascript" src="[var.ROOT_DIR]js/jsmenu.php"></script>
	<script type="text/javascript" src="[var.ROOT_DIR]js/jsmenu.cfg"></script>
	<script type="text/javascript" src="[var.ROOT_DIR]js/jsformgrid.php?session=[var.SessionVar]"></script>
	<script type="text/javascript" src="[var.ROOT_DIR]js/jsmasks.js"></script>
	<script type="text/javascript" src="[var.ROOT_DIR]js/jsverify.php?session=[var.SessionVar]"></script>	
	<script type="text/javascript" src="[var.ROOT_DIR]js/jsinit.php?session=[var.SessionVar]"></script>	
 </head>
 <body bgcolor="FFFFFF" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">

	<table border="0" cellspacing="0" cellpadding="0" width="100%" align="[var.POSITION]">
		<tr>
			<td>[tbs_include.onshow;file=[var.HTMLHeader];getob;]</td>
		</tr>		
		<tr>
			<td>
			<table border="0" cellspacing="0" cellpadding="0" width="100%">
				<tr>
					<td class="mainmenu2"><img src="images/spacer.gif" height="1" width="1"></td>
				</tr>				
				<tr>
					<td background="[var.ROOT_IMG_DIR]/back-menu.gif">
					<table border="0" cellspacing="0" cellpadding="0" width="100%">
						<tr>
							<td>
      			  	<script language="JavaScript" type="text/JavaScript">menu.Build();</script>
						  </td>
						  <td class="head-login">Login as [var.USERPROFILE_NAME]</td>
						</tr>
					  </table>
					</td>
				</tr>
				<tr>
					<td class="mainmenu2"><img src="images/spacer.gif" height="1" width="1"></td>
				</tr>				
			</table>
			</td>
		</tr>
		<tr height="100%">
			<td>
			<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
				<tr valign="top">
					<td width="100%">
						<table border="0" cellspacing="0" cellpadding="0" width="100%">
							<tr>
								<td class="head-path"></td>
								<td class="corner-date">[var.CORNER_DATE]</td>
							</tr>
						</table>
						<table border="0" cellspacing="0" cellpadding="5" width="100%">
							<tr>
								<td class="FacetHeaderContent" >.:[var.SubHeaderTitle]:.</td>
							</tr>
						</table>
						
						<table border="0" cellspacing="0" cellpadding="5" width="100%">
							<tr>
								<td class="contentTitle">
								Menu
								</td>
							</tr>
							<tr>
								<td class="content2">
								<table cellspacing="2" cellpadding="0">
								 <tr>
								   <td>
								    <input type="button" name="Action" value="<<Back" class="button" onClick="self.location.replace('[sys.script_name]')">
								   </td>
								   <td>[tbs_check;block=td;if [var.USER_CANPRINT]=1]
								   	<input type="button" name="Action" value="Print Voucher" class="button" onClick="OpenPDF('[sys.script_name]?PageMode=PDF&[var.PRIMARY_KEY]=[var.PRIMARY_VALUE]&office=[var.KTRASL]')">
								   </td>
								   <td>
								   <input type="button" name="Action" value="Done" class="button" onClick="self.location.replace('[var.SERVER_URL]')">
								   </td>								   
								 </tr>
								</table>
								</td>
							</tr>
							<tr>
								<td class="content2">
						<!-- FORM SECTION -->
						<table border="0" cellspacing="0" cellpadding="0" width="100%">
						<form method="post" action="[var.FormAction]" name="[var.HTMLFormName]" ONSUBMIT="if (this.submitted) return true; else return false;">
							  <tr>
							    <td class="fieldCaption" align="right">Pra in ref.</td>
							    <td class="fieldCaption" width="2">:</td>							    
							    <td class="fieldCaption">
									<input type="text" name="container_no" value="[headblv.crno;noerr]" maxlength="255" size="25" class="input" onchange="GetPrainRef(this.value)">
							    </td>

							    <td class="fieldCaption" align="right">Ref. No.</td>
							    <td class="fieldCaption" width="2">:</td>
							    <td class="fieldCaption">
									<input type="text" name="ref_no" value="" maxlength="255" size="25" class="input"  >
							    </td>
								</tr>
								<tr>
							    <td class="fieldCaption" align="right">ID No.</td>
							    <td class="fieldCaption" width="2">:</td>
							    <td class="fieldCaption">
							    <input type="text" name="[headbln.nokwit]" value="[tbs_check;if [var.FormMode]=Edit;then [headblv.nokwit] ;else 'AUTO NUMBERED BY SYSTEM']" maxlength="255" size="25" class="input" onkeyup="this.value=this.value.toUpperCase()" class="input" readonly>
                  <input type="hidden" name="app1" value="[headblv.app1]">
                  <input type="hidden" name="nmapp1" value="[headblv.nmapp1]">
							    </td>

							    <td class="fieldCaption" align="right">Received From</td>
							    <td class="fieldCaption" width="2">:</td>
							    <td class="fieldCaption">
									<input type="text" name="[headbln.debnam]" value="[headblv.debnam]" maxlength="255" size="25" class="input" onclick="GetReceived();">
									<input type="hidden" name="[headbln.debtur]" value="[headblv.debtur]" maxlength="255" size="25">
							    </td>
							  </tr>
							  <tr>
							    <td class="fieldCaption" align="right">Transaction Date</td>
							    <td class="fieldCaption" width="2">:</td>
							    <td class="fieldCaption">
							    <input type="text" name="[headbln.tglkwit]" value="[tbs_check;if [var.FormMode]=Edit;then [headblv.tglkwit;frm='dd/mm/yyyy']; else [sys.now;frm='dd/mm/yyyy']]" maxlength="255" size="10" class="input" onblur="CheckPeriod();">
							    <a href="javascript:void(0)" onclick="gfPop.fPopCalendar([var.HTMLFormName].[headbln.tglkwit]);return false;" hidefocus>
									<img name="popcal" align="absMiddle" src="[var.ROOT_DIR]js/Calendar/pop/calbtn.gif" width="34" height="22" border="0" alt=""></a>
							    </td>

							    <td class="fieldCaption" align="right">NPWP</td>
							    <td class="fieldCaption" width="2">:</td>							    
							    <td class="fieldCaption">
							    <input type="text" name="npwp" value="" maxlength="255" size="15" class="input">
							    </td>							    
							  </tr>
							  <tr>
							    <td class="fieldCaption" align="right"></td>
							    <td class="fieldCaption" width="2"></td>
							    <td class="fieldCaption">
							    </td>

							    <td class="fieldCaption" align="right" valign=top>Address</td>
							    <td class="fieldCaption" width="2">:</td>							    
							    <td class="fieldCaption">
							    <input type="text" name="addr" value="" maxlength="255" size="25" class="input" onkeyup="this.value=this.value.toUpperCase()">
							    </td>							    
							  </tr>
							  <tr>
							    <td class="fieldCaption" align="right">Currency</td>
							    <td class="fieldCaption" width="2">:</td>							    
							    <td class="fieldCaption">								
							    <select name="[headbln.curr]" class="input" onchange="GetRate()">
								  			<option value="">-</option>
                        <option value="[currformblk.tusymbol]">[currformblk.tusymbol;block=option]</option>
                        <option>[headblv.curr;selected;noerr]</option>
                  </select>
							    </td>

							    <td class="fieldCaption" align="right"></td>
							    <td class="fieldCaption"></td>
							    <td class="fieldCaption">

							    </td>							    
							  </tr>
							  <tr>
							    <td class="fieldCaption" align="right">Currency Rate</td>
							    <td class="fieldCaption" width="2">:</td>							    
							    <td class="fieldCaption">
							    <input type="text" name="[headbln.rate]" value="[headblv.rate;frm='0,000.00']" maxlength="255" size="10" class="inputNumber">
							    </td>

							    <td class="fieldCaption" align="right">VAT No.</td>
							    <td class="fieldCaption">:</td>
							    <td class="fieldCaption">
							    <input type="text" name="vatno" value="" maxlength="255" size="25" class="input" onkeyup="this.value=this.value.toUpperCase()">
							    </td>
							  </tr>
							  <tr>
							    <td class="fieldCaption" align="right">Principal</td>
							    <td class="fieldCaption" width="2">:</td>							    
							    <td class="fieldCaption">
							    <input type="text" name="principal" value="" maxlength="255" size="10" class="input">
							    </td>

							    <td class="fieldCaption" align="right">Customer</td>
							    <td class="fieldCaption">:</td>
							    <td class="fieldCaption">
							    <input type="text" name="customer" value="" maxlength="255" size="15" class="input" >
							    </td>
							  </tr>
							  <tr>
							    <td class="fieldCaption" align="right">B/L Number</td>
							    <td class="fieldCaption" width="2">:</td>
							    <td class="fieldCaption">
							    <input type="text" name="bl_no" value="" maxlength="255" size="10" class="input">
							    </td>

							    <td class="fieldCaption" align="right">DO Number</td>
							    <td class="fieldCaption">:</td>
							    <td class="fieldCaption">
							    <input type="text" name="do_number" value="" maxlength="255" size="15" class="input">
							    </td>
							  </tr>
							  <tr>
							    <td class="fieldCaption" align="right">Ex-Vessel</td>
							    <td class="fieldCaption" width="2">:</td>
							    <td class="fieldCaption">
							    <input type="text" name="vessel" value="" maxlength="255" size="10" class="input">
							    </td>

							    <td class="fieldCaption" align="right">Voyage</td>
							    <td class="fieldCaption">:</td>
							    <td class="fieldCaption">
							    <input type="text" name="voyage" value="" maxlength="255" size="15" class="input">
							    </td>
							  </tr>

						 </table>
						 <!-- FORM SECTION -->						 
								</td>
							</tr>
						</table>
						<hr size="1" color="DFDFDF">														
						<div id="spanHeader" style="height: 25px; vertical-align: top; overflow-y: noscroll;">
						<table border="0" width="100%" cellpadding="3" cellspacing="1" class="FacetFormTABLE" align="left">
						<input type=hidden name="NewData" value="[var.NewDataStart]">
							<tr>
								<td nowrap class="FacetColumnTD" align="center" width="20">X</td>
								<td nowrap class="FacetColumnTD" align="center" width="20">No.</td>
								<td nowrap class="FacetColumnTD" align="center" width="100">Source</td>
								<td nowrap class="FacetColumnTD" align="center" width="160">Description</td>
								<td nowrap class="FacetColumnTD" align="center" width="80">AMOUNT</td>
								<td nowrap class="FacetColumnTD" align="center" width="80">COA</td>
							</tr>
						</table>
						</div>

						<div id="spanDetail" style="height: 200px; vertical-align: top; overflow: auto;">
						<table border="0" width="100%" cellpadding="3" cellspacing="1" class="FacetFormTABLE" align="left">
						    <tr id="[blg.#]" style="display:[blg._display;noerr]">
						    	<td nowrap class="FacetDataTD" align="right" width="30" align="center">
						    	<input type="checkbox" name="txtCheck[blg.#]" value="[blg.receipt_id;noerr]" class="inputRadio">
						    	<input type="hidden" name="receipt_id[blg.#]" value="[blg.receipt_id;noerr]" maxlength="255" size="25">
						    	<input type=hidden 	 name="NewData" value="[var.NewDataStart]">
						    	<input type="hidden" name="urut[blg.#]" value="[blg.#;noerr]" maxlength="255" size="15" class="input">
						    	<input type="hidden" name="princ[blg.#]" value="[blg.princ;noerr]" maxlength="255" size="15" class="input">
						    	<input type="hidden" name="vessel[blg.#]" value="[blg.vessel;noerr]" maxlength="255" size="15" class="input">
						    	<input type="hidden" name="voyage[blg.#]" value="[blg.voyage;noerr]" maxlength="255" size="15" class="input">
						    	<input type="hidden" name="port[blg.#]" value="[blg.port;noerr]" maxlength="255" size="15" class="input">						    	
						    	</td>
						    	<td nowrap class="FacetDataTD" align="right" width="30" align="center">[blg.#].</td>
						    	<td nowrap class="FacetDataTD" align="right" width="170" align="center">
    							<select name="thbl[blg.#]" class="input" onchange="GetSkada(this.value,[blg.#])">
                    <option value="">Select Value</option>
                    <option value="[receiptblk.kdreceipt]">[receiptblk.receiptname;block=option]</option>
                    <option>[blg.thbl;selected;noerr]</option>
                    <option value="O">Other</option>
    							</select>
						    	</td>
							    <td nowrap class="FacetDataTD" width="50" align="center">
							    <input type="text" name="uraian[blg.#]" value="[blg.uraian;noerr;block=tr]" maxlength="255" size="10" class="input" onkeyup="this.value=this.value.toUpperCase()">
							    </td>					    
							    <td class="FacetDataTD" width="150" align="center">
							    <input type="text" name="uraian_tools[blg.#]" value="[blg.uraian_tools;noerr]" maxlength="255" size="10" class="input" onkeyup="this.value=this.value.toUpperCase()">						    
							    <a href="javascript:OpenCalc('[var.HTMLFormName]','uraian_tools[blg.#]', 'jumlah[blg.#]','cbm[blg.#]','jenis[blg.#]','dol[blg.#]')"><img src="[var.ROOT_IMG_DIR]/tigracalc.gif" align="middle" border=0></a>
							    <input type="hidden" name="cbm[blg.#]" value="[blg.cbm;noerr]" maxlength="255" size="15" class="input">
							    <input type="hidden" name="dol[blg.#]" value="[blg.dol;noerr]" maxlength="255" size="15" class="input">
							    <input type="hidden" name="jenis[blg.#]" value="[blg.jenis;noerr]" maxlength="255" size="15" class="input">							    
							    </td>
							    <td class="FacetDataTD" width="130" align="center">
							    <input type="text" name="jumlah[blg.#]" value="[blg.jumlah;noerr;frm='0,000.00']" maxlength="255" size="10" onkeyup="GetTotal()" class="inputNumber">
							    </td>
								<td class="FacetDataTD" width="120" align="center">
								<input type="text" name="skada[blg.#]" value="[blg.skada;noerr]" maxlength="255" size="10" class="input" onclick="this.blur();openSkada([blg.#]);">
								</td>
							</tr>
						</table>
						</div>

						<div id="spanButton" style="height: 35px; vertical-align: top; overflow-y: noscroll;">
						<table border="0" width="100%" cellpadding="3" cellspacing="1" class="FacetFormTABLE" align="left">
							<tr>
								<td align="right" class="FacetDataTD">Sub Total:  <input type="text" name="total_trans" value="[tbs_check;if [var.FormMode]=Edit;then [var.SubTotal;noerr] ;else '0.00']" readonly maxlength="255" size="15" class="inputNumber"></td>
							</tr>
							<tr>
								<td align="right" class="FacetDataTD">
								<input type="checkbox" name="txtCheck_ppn" value="1" class="inputRadio" [tbs_check;if [var.TotalPPN;noerr]=0;then '' ;else 'checked'] onclick="GetTotal()">
									PPN 10%:  
								<input type="text" name="total_ppn" value="[tbs_check;if [var.FormMode]=Edit;then [var.TotalPPN;noerr] ;else '0.00']" maxlength="255" size="15" readonly class="inputNumber"></td>
							</tr>
							<tr>
								<td align="right" class="FacetDataTD">
								<input type="checkbox" name="txtCheck_adm" value="1" class="inputRadio" [tbs_check;if [var.TotalADM;noerr]=0;then '' ;else 'checked']>
									Adm:  
								<input type="text" name="total_adm" value="[tbs_check;if [var.FormMode]=Edit;then [var.TotalADM;noerr] ;else '0.00']" maxlength="255" size="15" class="inputNumber" onkeyup="GetTotal();SetCheckedAdm()" ></td>
							</tr>
							<tr>
								<td align="right" class="FacetDataTD">Total Amount:  <input type="text" name="total_amount" value="[tbs_check;if [var.FormMode]=Edit;then [var.GrandTotal;noerr] ;else '0.00']" maxlength="255" size="15" readonly class="inputNumber"></td>
							</tr>
							<tr>								
							    <td align="right" class="FacetColumnTD">
							   	<table border="0" cellspacing="2" cellpadding="0">
							   		<tr>
							   			<td>[tbs_check;block=td;if [var.USER_CANINSERT]=1]
							   			<input name="FormAction" type="submit" value="Next Line" class="button" onclick="CheckPeriod (); return AddFormGrid(this,'[var.HTMLFormName].uraian');this.form.total_trans.value = SumTotal ('jumlah')">
							   			</td>							   		
							   			<td>[tbs_check;block=td;if [var.USER_CANUPDATE]=1]
							   			<input name="FormAction" type="submit" value="Save" class="button" ONCLICK="if (VerifyForm(this.form)) {this.form.submitted = true; return true;}" ONMOUSEOVER="CheckPeriod ()">
							   			</td>
							   			<td>[tbs_check;block=td;if [var.USER_CANDELETE]=1]
							   			<input type="button" name="Action" value="Delete" class="button" onClick="if (confirm('Are you sure want to delete ?')) {[var.HTMLFormName].action='[sys.script_name]?FormAction=Delete&[var.PRIMARY_KEY]=[var.PRIMARY_VALUE]&PageMode=Form&form=[var.HTMLFormName]';[var.HTMLFormName].submit();}">
							   			</td>
							   			<td>
							   			<input name="FormAction" type="submit" value="Cancel" class="button" onClick="self.location.replace('[sys.script_name]')">
							   			</td>
							   		</tr>
							   	</table>
							    </td>								
								</td>
							</tr>													
							</form>
						</table>
						</div>
					</td>
				</tr>
			</table>
			</td>
		</tr>
		<tr>
			<td>
			<br>
			<table border="0" cellspacing="0" cellpadding="0" width="100%">
				<tr>
					<td class="footer1"><img src="images/spacer.gif" height="1" width="1"></td>
				</tr>
				<!--tr>
					<td class="footer2">Prototype Test - Web Application</td>
				</tr-->
			</table>
			</td>
		</tr>
 	</table>
 </body>
 <iframe width="174" height="189" name="gToday:normal:agenda.js" id="gToday:normal:agenda.js" src="[var.ROOT_DIR]js/Calendar/pop/ipopeng.htm" scrolling="no" frameborder="0" style="LEFT: -500px; POSITION: absolute; TOP: 0px; VISIBILITY: visible; Z-INDEX: 999"></iframe> 
 <script>
 
 [var.InitFunction]
 RetrieveContainerParam();
 GetTotal();

 function GetPrainRef() {
 		newwin = window.open("ais_transaction_receipt_order.php?PageMode=Container","principal","height=400,width=640,noscroll,resizable");
 }

 function GetTotal() {
 	/*
 	var SubTotal = SumTotal("jumlah");
 	var PPNTotal = 0;
 	if (document.[var.HTMLFormName].txtCheck_ppn.checked)
 	PPNTotal = PPN(document.[var.HTMLFormName].total_trans.value); 	
 	var AdmTotal = document.[var.HTMLFormName].total_adm.value;
 	var GrandTotal = StrToNumber(SubTotal)+StrToNumber(PPNTotal)+StrToNumber(AdmTotal);

 	oMask = new Mask('#,###.#0', 'number');	
 	document.[var.HTMLFormName].total_amount.value = oMask.format(GrandTotal);
	*/

 	document.[var.HTMLFormName].total_trans.value = SumTotal("jumlah");
 	
 	if (document.[var.HTMLFormName].txtCheck_ppn.checked)
 	document.[var.HTMLFormName].total_ppn.value=PPN(document.[var.HTMLFormName].total_trans.value);
 	var SubTotal = StrToNumber(document.[var.HTMLFormName].total_trans.value);
 	var PPNTotal = StrToNumber(document.[var.HTMLFormName].total_ppn.value);
 	var AdmTotal = StrToNumber(document.[var.HTMLFormName].total_adm.value);
 	var GrandTotal = SubTotal+PPNTotal+AdmTotal;
 	oMask = new Mask('#,###.#0', 'number');	 	
 	document.[var.HTMLFormName].total_amount.value = oMask.format(GrandTotal);

 }

 function SetCheckedAdm () {
 	var admfee = parseFloat(StrToNumber(document.[var.HTMLFormName].total_adm.value));
 	if (admfee>0)
 		document.[var.HTMLFormName].txtCheck_adm.checked = true;
 	else document.[var.HTMLFormName].txtCheck_adm.checked = false;
 }
 
 function RetrieveContainerParam() {
 	crno = document.[var.HTMLFormName].container_no.value;
 	if (crno.length) ContainerNo (crno);
 }
 
 function ContainerNo (no) {
// 	if (no.length==4 || no.length==11)	{no += "-";	return no.toUpperCase();}
	//if (no.length>=11) 	
	LoadRPC ("iLoader", "[var.FileName]", "crno="+no);
	return no.toUpperCase();
 }
 
 function PPN(total) {
 	oMask = new Mask('#,###.#0', 'number');
	return oMask.format(StrToNumber(total)*10/100);
 }
 
 function GetReceived() {
			newwin = window.open("ais_transaction_cust_receipt.php","toolcalc","height=400,width=640,noscroll,resizable");
 }

  function SwitchGiroCash (val) {
	 if (val=="Cek / BG") {
		document.getElementById("girofields").style.display = "";
              document.[var.HTMLFormName].nocek.disabled = false;
              document.[var.HTMLFormName].duedate.disabled = false;
 	 } else {
         document.getElementById("girofields").style.display = "none";
         document.[var.HTMLFormName].nocek.disabled = true;
         document.[var.HTMLFormName].duedate.disabled = true;
 	 }
  }

function OpenCalc(formname, desc, total, act, qty, tarif) {
	newwin = window.open("ais_transaction_calc.php?PageMode=Form&desc="+desc+"&total="+total+"&act="+act+"&qty="+qty+"&tarif="+tarif+"&formname="+formname,"toolcalc","height=10,width=450,noscroll,resizable")
}
 
 function OpenPrincipal (number) {
	newwin = window.open("ais_transaction_receipt_entry.php?PageMode=Page2&FormName=[var.HTMLFormName]&Number="+number,"vessel","height=105,width=300,noscroll,noresizable");
 }
 
 function OpenPrint (number) {
	newwin = window.open("ais_transaction_receipt_entry.php?PageMode=PrintPreview&nobkt="+number,"print","height=650,width=600,noscroll,noresizable");
 }

 function GetRate() {
	 tgl_curr = document.[var.HTMLFormName].tglkwit.value;
	 if (tgl_curr.length) LoadRPC ("iLoader", "[var.FileName]", "curr="+document.[var.HTMLFormName].curr.value+"&tglbkt="+tgl_curr);
 }

 function CheckPeriod () {
	 ledger = document.[var.HTMLFormName].tglkwit.value;
	 if (ledger.length) LoadRPC ("iLoader", "[var.FileName]", "ledger="+ledger+"&trsto=tglkwit");
         return true;
 }
 
 function GetSkada(activity,idx) {
	 skada1 = activity;
	 if (skada1.length) LoadRPC ("iLoader", "[var.FileName]", "thbl="+activity+"&idx="+idx);
 }
 
 function SumTotal (component) {
	 oMask = new Mask('#,###.#0', 'number');
	 var comp_str = "document.[var.HTMLFormName]."+component;

	 var TotalComponent = [var.MaxGrid] + [var.NewDataStart] - 1;
	 var sum_all = 0;
	 var subtotal = 0;
	 var js_str = "";

	 for (x=1;x<=TotalComponent;x++) {
	   js_str = "subtotal = "+comp_str+x+".value";
	   eval (js_str);

	   if (subtotal.length) subtotal = StrToNumber(subtotal);
	   else subtotal = 0;
	   
	   sum_all = sum_all + parseFloat(subtotal);
	 }
	 return oMask.format(sum_all);
 }

 function openSkada(idx) {
    tglbkt = document.[var.HTMLFormName].tglkwit.value;
	newwin = window.open("ais_transaction_coapicker.php?idx="+idx+"&FormName=[var.HTMLFormName]"+"&Field=skada"+idx+"&BMode=MEM"+"&period="+tglbkt,"skadasearch","height=400,width=640,noscroll,noresizable");
 }

 </script>
</html>
